<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" title="导出报表" width="800px" :visible.sync="editVisible" :before-close="hideBox"
    append-to-body>
    <div v-loading="false">
        <LayoutCell>

            <el-form label-position="left" label-width="120px" :model="exportData">
                <div class="box">
                    <el-form-item label="订单编号">
                        <el-input v-model="exportData.orderNo.value"></el-input>
                    </el-form-item>
                    <el-form-item label="用户昵称">
                        <el-input v-model="exportData.nickName.value"></el-input>
                    </el-form-item>

                    <el-form-item label="手机号">
                        <el-input v-model="exportData.mobile.value"></el-input>
                    </el-form-item>

                    <el-form-item label="商品名称">
                        <el-input v-model="exportData.productName.value"></el-input>
                    </el-form-item>

                    <el-form-item label="收货人手机号">
                        <el-input v-model="exportData.receiveMobile.value"></el-input>
                    </el-form-item>

                    <el-form-item label="收货人名称">
                        <el-input v-model="exportData.receiveName.value"></el-input>
                    </el-form-item>
                    <el-form-item label="订单状态">
                        <el-radio-group v-model="exportData.orderStatus.value" size="mini" >
                            <el-radio  v-for="item in isoptions" :key="item.value" :label="item.value" >{{item.label}}</el-radio>
                          </el-radio-group>
                    </el-form-item>

                    <el-form-item label="发货时间">
                        <el-date-picker
                        v-model="deliveryTime"
                        @change="timeSelection(deliveryTime, exportData.deliveryTimeStartStr, exportData.deliveryTimeEndStr)"
                        type="datetimerange"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        range-separator="至"
                        start-placeholder="开始时间"
                        end-placeholder="结束时间">
                      </el-date-picker>

                    </el-form-item>

                    <el-form-item label="下单时间">
                        <el-date-picker
                        v-model="createdTime"
                        @change="timeSelection(createdTime, exportData.createdTimeStartStr, exportData.createdTimeEndStr)"
                        type="datetimerange"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        range-separator="至"
                        start-placeholder="开始时间"
                        end-placeholder="结束时间">
                      </el-date-picker>

                    </el-form-item>

                    <el-form-item label="支付时间">
                        <el-date-picker
                        v-model="paymentTime"
                        @change="timeSelection(paymentTime, exportData.paymentTimeStartStr, exportData.paymentTimeEndStr)"
                        type="datetimerange"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        range-separator="至"
                        start-placeholder="开始时间"
                        end-placeholder="结束时间">
                      </el-date-picker>

                    </el-form-item>

                    <el-form-item label="配送方式">
                        <el-radio-group v-model="exportData.deliveryType.value">
                            <el-radio :label="0">全部</el-radio>
                            <el-radio :label="1">无需物流</el-radio>
                            <el-radio :label="2">商家配送</el-radio>
                            <el-radio :label="3">到店自提</el-radio>
                        </el-radio-group>
                    </el-form-item>

                    <el-form-item label="订单类型">
                        <el-radio-group v-model="exportData.orderType.value">
                            <el-radio :label="0">全部</el-radio>
                            <el-radio :label="1">普通订单</el-radio>
                            <el-radio :label="2">充值订单</el-radio>
                        </el-radio-group>
                    </el-form-item>

                    <el-form-item label="支付渠道">
                        <el-radio-group v-model="exportData.payChannel.value">
                            <el-radio :label="0">全部</el-radio>
                            <el-radio :label="1">线上</el-radio>
                            <el-radio :label="2">线下</el-radio>
                        </el-radio-group>
                    </el-form-item>

                    <el-form-item label="商品类型">
                        <el-radio-group v-model="exportData.productType.value">
                            <el-radio :label="0">全部</el-radio>
                            <el-radio :label="1">实体</el-radio>
                            <el-radio :label="2">虚拟</el-radio>
                        </el-radio-group>
                    </el-form-item>
                </div>

                <!-- <div class="footer">
                    <el-button @click="clearExport">
                        清空条件
                    </el-button>
                    <el-button type="primary" @click="exportTable">导出</el-button>
                </div> -->


            </el-form>
        </LayoutCell>


    </div>

    <div slot="footer">
        <el-row>
            <el-col :span="12" style="text-align: left;">
                <el-button @click="clearExport()">清空条件</el-button>
            </el-col>
            <el-col :span="12">
                <el-button type="primary" @click="exportTable()">导出</el-button>
            </el-col>
        </el-row>
    </div>


</el-dialog>